<template>
  <div class="home">
      <header><van-search v-model="value" placeholder="请输入搜索关键词" /></header>
      <main>
          <router-view></router-view>
      </main>
      <footer>
          <router-link to="/wrapper/home" active-class="active">首页</router-link>
          <router-link to="/wrapper/my" active-class="active">我的</router-link>
      </footer>
  </div>
</template>

<script>
export default {
  data () {
      return {
          value:""
      }
  }
}
</script>

<style lang="scss" scoped>
 .home{
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     header{
         width: 100%;
         height: 100px;
     }
     main{
         flex:1;
     }
     footer{
         width: 100%;
         height: 100px;
         display: flex;
         a{
             display: block;
             width: 50%;
             height: 100px;
             text-align: center;
             line-height: 100px;
         }
         .active{
             color: tomato;
         }
     }
 }
</style>